<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="./css/bootstrap.css" />
</head>

<body style="padding: 15px">
  <div class="panel panel-primary">
    <div class="panel-heading">
      <h3 class="panel-title">图书表格</h3>
    </div>
    <div class="panel-body form-inline">
      <form id="bookForm">
        <div class="input-group">
          <div class="input-group-addon">书名</div>
          <input type="text" class="form-control" name="bookname" placeholder="请输入书名" />
        </div>
        <div class="input-group">
          <div class="input-group-addon">作者</div>
          <input type="text" class="form-control" name="author" placeholder="请输入作者" />
        </div>
        <div class="input-group">
          <div class="input-group-addon">出版社</div>
          <input type="text" class="form-control" name="publisher" placeholder="请输入出版社" />
        </div>
        <button id="btnAdd" class="btn btn-primary">添加</button>
        <button id="btn"  data-name="luo">搜索</button>
      </form>
     
    </div>
    
  </div>

  <table class="table table-bordered table-hover">
    <thead>
      <tr>
        <th>id</th>
        <th>书名</th>
        <th>作者</th>
        <th>出版社</th>
        <th>操作</th>
        
      </tr>
    </thead>
    <tbody id="tb">
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td><a href="#"></a></td>
      </tr>
    </tbody>
  </table>

  <script src="./lib/form-serialize.js"></script>
  <script src="./lib/axios.js"></script>
<script src="./js/num.js"></script>
  <!-- <script src="./js/index2.js"></script> -->
  <!-- <script src="./js/index.js"></script> -->
</body>

</html>